﻿@model Media.Core.Models.Downloads.TabsArray
@{
    ViewBag.Title = "Downloads";
}

<!-- the tabs -->
<ul class="tabs">
@foreach (var tab in Model.DownloadTab)
{
	<li><a href="#">@tab.Name</a></li>
}
</ul>

<!-- tab "panes" -->
<div class="panes">
@foreach (var tab in Model.DownloadTab)
{
    <div><iframe style="margin-left:5px;" width="99%" height="600px" src="@tab.Url"></iframe></div>
}
</div>


<!-- This JavaScript snippet activates those tabs -->
<script>

    // perform JavaScript after the document is scriptable.
    $(function () {
        // setup ul.tabs to work as tabs for each div directly under div.panes
        $("ul.tabs").tabs("div.panes > div");
    });
</script>